document.getElementById('findBtn').addEventListener('click', () => {
  const targetlabel = document.getElementById('targetlabel').value.trim();
  const elementName = document.getElementById('elementName').value.trim();
  const elementVal = document.getElementById('elementVal').value.trim();
  if (!targetlabel) {
    alert('请输入 targetlabel');
    return;
  }
  if (!elementName) {
    alert('请输入 elementName');
    return;
  }
  if (!elementVal) {
    alert('请输入 elementVal');
    return;
  }

  // 获取当前激活的标签页
  chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
    const tabId = tabs[0].id;

    // 在当前页面执行脚本
    chrome.scripting.executeScript({
      target: { tabId: tabId },
      func: findAndInsert,
      args: [targetlabel,elementName,elementVal]
    });
  });
});

// 在页面中执行的函数
function findAndInsert(targetlabel,elementName,elementVal) {
  const selector = `${targetlabel}[${elementName}="${elementVal}"]`;
  const button = document.querySelector(selector);
  if (button) {
    const newDiv = document.createElement('div');
    newDiv.innerHTML = 'Amerilink';
    newDiv.style.backgroundColor = 'yellow'; // 背景色
    newDiv.style.color = 'blue'; // 文字颜色
    newDiv.style.fontSize = '20px'; // 字体大小
    newDiv.style.padding = '10px'; // 内边距
    newDiv.style.border = '2px solid black'; // 边框
    button.parentNode.insertBefore(newDiv, button);
  } else {
    alert(`未找到 data-element-supplier-id="${supplierId}" 的按钮`);
  }
}
